.topbar:global(.ant-radio-group) {
  margin: 9px;
  font-size: 12px;
  font-family: PingFangSC-Regular;
}

.topbarTab:global(.ant-tabs) {
  height: calc(100% - 46px);
  :global {
    .ant-layout-content {
      padding: 25px;
      font-size: 12px;
    }
    .ant-tabs-nav {
      border-bottom: 1px solid var(--divider-color);
      outline: none;
      transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      .ant-tabs-nav-wrap {
        display: none;
      }
    }
    .ant-tabs-content {
      height: 100%;
      .ant-tabs-tabpane {
        height: 100%;
      }
    }
  }

  .propsTab {
    position: relative;
    &:global(.ant-tabs-left) {
      height: 100%;
      :global {
        .ant-tabs-nav {
          width: 80px;
          height: 100%;
        }
      }
    }
    :global {
      .ant-tabs-nav-wrap {
        display: block;
      }

      .ant-tabs-content-holder {
        background-color: var(--background-primary-color);
        .ant-tabs-content {
          > .ant-tabs-tabpane {
            padding-left: 0;
            border-left: none;
          }
        }
      }

      .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
        left: 0;
      }
      .ant-tabs-nav {
        .ant-tabs-tab {
          margin: 0;
          padding: 8px 16px;
          font-size: 12px;
          text-align: left;

          &.ant-tabs-tab-active {
            background: var(--hover-color);
          }
        }
      }
    }
  }
}

.footer {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-right: 8px;
  background: white;
  box-shadow: rgba(184, 198, 211, 0.4) 0 -2px 8px 0;

  .button {
    margin-right: 8px;
    font-size: 12px;
  }
}

.objectCell {
  display: flex;
  justify-content: space-between;

  .objectName {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
